<em># 子组件 my-component</em>
<em>&lt;template&gt;</em>
	&lt;<q>slot</q> <s>name</s>='<i>header</i>' <b>:data</b>='<em>{ x: 1 }</em>' <b>:rows</b>='<em>{ x: 1 }</em>' <b>:index</b>='<em>1</em>'&gt;&lt;/<q>slot<q>&gt;
	&lt;<q>slot</q>  <b>:data</b>='<em>{ x: 1 }</em> <b>:rows</b>='<em>{ x: 1 }</em>' <b>:index</b>='<em>1</em>'&gt;&lt;/<q>slot</q>&gt;					<em>// 默认插槽</em>
<em>&lt;/template&gt;</em>

<em># 父组件</em>
<em>&lt;template&gt;</em>
	<em>&lt;div&gt;</em>
		<em># 具象插槽必须放使用 template</em>
		<em>&lt;my-component&gt;</em>
			<em>&lt;<q>template</q> <b>v-slot : </b><i>header</i> = '<b>props</b>'&gt;{{</em>  <b>props</b>.<em>data.x</em> <em>}} &lt;/<q>template</q>&gt;</em>
			<em>&lt;<q>template</q> <b>v-slot</b> = '<b>props</b>'&gt; {{</em> <b>props</b>.<em>data.x</em> <em>}} &lt;/<q>template</q>&gt;</em>
			<em>&lt;<q>template</q> <b>v-slot : </b><i>default</i> = '<b>props</b>'&gt; {{</em> <b>props</b>.<em>data.x</em>  <em>}}&lt;/<q>template</q>&gt;</em>
			<em># 缩写</em>
			<em>&lt;<q>template</q> <b>#</b><i>header</i> = '<b>props</b>'&gt; {{</em> <b>props</b>.<em>data.x</em> <em>}}&lt;/<q>template</q>&gt;</em>
			<em>&lt;<q>template</q> <b>#</b> = '<b>props</b>'&gt; {{</em> <b>props</b>.<em>data.x</em> <em>}} &lt;/<q>template</q>&gt;</em>
			<em>&lt;<q>template</q> <b>#</b><i>default</i> = '<b>props</b>'&gt; {{</em> <b>props</b>.<em>data.x</em> <em>}} &lt;/<q>template</q>&gt;</em>
		<em>&lt;/my-component&gt;</em>
		<em># 只有默认插槽时，组件的标签才可以被当作插槽的模板来使</em>
		<em>&lt;<q>my-component <b>v-slot : </b><i>default</i> = '<b>props</b>'</q>&gt; {{ <b>props</b>.<em>data.x</em> }} &lt;/m<q>y-component</q>&gt;</em>
		<em>&lt;<q>my-component <b>v-slot</b>= '<b>props</b>'</q>&gt; {{ <b>props</b>.<em>data.x</em> }} &lt;/<q>my-component</q>&gt;</em>
		<em># 缩写</em>
		<em>&lt;<q>my-component <b>#</b><i>default</i> = '<b>props</b>'</q>&gt; {{ <b>props</b>.<em>data.x</em> }} &lt;/m<q>y-component</q>&gt;</em>
		<em>&lt;<q>my-component <b>#</b>= '<b>props</b>'</q>&gt; {{ <b>props</b>.<em>data.x</em> }} &lt;/<q>my-component</q>&gt;</em>
		<em>// 注意：默认插槽的缩写语法不能和具名插槽混用，因为它会导致作用域不明确</em>
	<em>&lt;/div&gt;</em>
<em>&lt;/template&gt;</em>